<template>
  <div class="container">
    <div style="">
      <div class="content_box">
        <div style="width: 47%;">
          <p>体格检查服务前</p>
          <div class="card_content" v-if="archiveFirst.basicCheck">
            <div class="item">
              <span style="font-size: 16px;color: #000;">基础检查</span>
            </div>
            <div>
              <a-row>
                <a-col class="item" :span="12" v-if="archiveFirst.basicCheck.heartRate != null">
                  心率： {{ archiveFirst.basicCheck.heartRate }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.basicCheck.breath != null">
                  呼吸： {{ archiveFirst.basicCheck.breath }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.basicCheck.temperature != null">
                  体温： {{ archiveFirst.basicCheck.temperature }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.basicCheck.weight != null">
                  体重： {{ archiveFirst.basicCheck.weight }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.basicCheck.height != null">
                  身高： {{ archiveFirst.basicCheck.height }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.basicCheck.bmi != null">
                  BMI： {{ archiveFirst.basicCheck.bmi }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.basicCheck.waist != null">
                  腰围： {{ archiveFirst.basicCheck.waist }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.basicCheck.hip != null">
                  臀围： {{ archiveFirst.basicCheck.hip }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.basicCheck.whratio != null">
                  腰臀比： {{ archiveFirst.basicCheck.whratio }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.basicCheck.bloodSystolicPress != null">
                  血压收缩压： {{ archiveFirst.basicCheck.bloodSystolicPress }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.basicCheck.bloodDiastolicPress != null">
                  血压舒张压： {{ archiveFirst.basicCheck.bloodDiastolicPress }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.basicCheck.vision != null">
                  左眼视力： {{ archiveFirst.basicCheck.vision }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.basicCheck.visionRight"
                  >右眼视力： {{ archiveFirst.basicCheck.visionRight }}
                </a-col>
              </a-row>
            </div>
          </div>
          <div class="card_content" v-if="archiveFirst.skinCheck">
            <div class="item">
              <span style="font-size: 16px;color: #000;">皮肤检查</span>
            </div>
            <div>
              <a-row>
                <a-col class="item" :span="12" v-if="archiveFirst.skinCheck.skinExam != null">
                  皮肤检查： {{ archiveFirst.skinCheck.skinExam }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.skinCheck.skinSymptom != null">
                  皮肤症状： {{ archiveFirst.skinCheck.skinSymptom }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.skinCheck.insulinInjection != null">
                  胰岛素注射部位： {{ archiveFirst.skinCheck.insulinInjection }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.skinCheck.insulinInjectionSymptom != null">
                  胰岛素注射部位症状： {{ archiveFirst.skinCheck.insulinInjectionSymptom }}
                </a-col>
              </a-row>
            </div>
          </div>
          <div class="card_content" v-if="archiveFirst.eyeCheck">
            <div class="item">
              <span style="font-size: 16px;color: #000;">眼底检查</span>
            </div>
            <div>
              <a-row>
                <a-col class="item" :span="12" v-if="archiveFirst.eyeCheck.eyeMicroaneurysm != null">
                  微动脉瘤： {{ archiveFirst.eyeCheck.eyeMicroaneurysm }}
                </a-col>
                <a-col class="item" :span="24" v-if="archiveFirst.eyeCheck.eyeIntraretinalHemorrhage != null">
                  视网膜内出血： {{ archiveFirst.eyeCheck.eyeIntraretinalHemorrhage }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.eyeCheck.eyeCottonWoolSpots"
                  >棉絮斑： {{ archiveFirst.eyeCheck.eyeCottonWoolSpots }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.eyeCheck.eyeFundusBleeding"
                  >眼底出血： {{ archiveFirst.eyeCheck.eyeFundusBleeding }}
                </a-col>
                <a-col class="item" :span="24" v-if="archiveFirst.eyeCheck.eyeHardExudation"
                  >硬性渗出： {{ archiveFirst.eyeCheck.eyeHardExudation }}
                </a-col>
                <a-col class="item" :span="24" v-if="archiveFirst.eyeCheck.eyeVenousBeadedChanges"
                  >静脉串珠样改变： {{ archiveFirst.eyeCheck.eyeVenousBeadedChanges }}
                </a-col>
                <a-col class="item" :span="24" v-if="archiveFirst.eyeCheck.eyeMicrovascularAbnormalitiesInRetina"
                  >视网膜内微血管异常： {{ archiveFirst.eyeCheck.eyeMicrovascularAbnormalitiesInRetina }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.eyeCheck.eyeThickeningPosteriorRetina"
                  >后极部视网膜增厚： {{ archiveFirst.eyeCheck.eyeThickeningPosteriorRetina }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.eyeCheck.eyeVitreousHemorrhage"
                  >玻璃体积血： {{ archiveFirst.eyeCheck.eyeVitreousHemorrhage }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.eyeCheck.eyeNeovascularization"
                  >新生血管形成： {{ archiveFirst.eyeCheck.eyeNeovascularization }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.eyeCheck.eyePreretinalHemorrhage"
                  >视网膜前出血： {{ archiveFirst.eyeCheck.eyePreretinalHemorrhage }}
                </a-col>
              </a-row>
            </div>
          </div>
          <div class="card_content" v-if="archiveFirst.footCheck">
            <div class="item">
              <span style="font-size: 16px;color: #000;">糖足检查</span>
            </div>
            <div>
              <a-row>
                <a-col class="item" :span="12" v-if="archiveFirst.footCheck.footSugarFootInspection"
                  >糖足检查： {{ archiveFirst.footCheck.footSugarFootInspection }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.footCheck.footPalpationOfDorsalisPedisArtery"
                  >足背动脉触诊： {{ archiveFirst.footCheck.footPalpationOfDorsalisPedisArtery }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.footCheck.footAnkleReflex"
                  >踝反射： {{ archiveFirst.footCheck.footAnkleReflex }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.footCheck.footNerveConduction"
                  >神经传导： {{ archiveFirst.footCheck.footNerveConduction }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.footCheck.footVibrationSense"
                  >振动觉： {{ archiveFirst.footCheck.footVibrationSense }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.footCheck.footAcupuncturePain"
                  >针刺痛觉： {{ archiveFirst.footCheck.footAcupuncturePain }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.footCheck.footTemperatureSense"
                  >温度觉： {{ archiveFirst.footCheck.footTemperatureSense }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.footCheck.footPressureSense"
                  >压力觉： {{ archiveFirst.footCheck.footPressureSense }}
                </a-col>
              </a-row>
            </div>
          </div>
          <div class="card_content" v-if="archiveFirst.other">
            <div class="item">
              <span style="font-size: 16px;color: #000;">其他</span>
              <!-- <div style="float:right"><a-badge color="red" /><span style="font-size:12px">已确诊</span></div> -->
            </div>
            <div>
              <a-row>
                <a-col class="item" :span="12" v-if="archiveFirst.other.claudicationTest"
                  >间歇性跛行试验： {{ archiveFirst.other.claudicationTest }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.other.carotidAuscultation"
                  >颈动脉听诊： {{ archiveFirst.other.carotidAuscultation }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.other.femoralAuscultation"
                  >股动脉听诊： {{ archiveFirst.other.femoralAuscultation }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.other.legsSkinTemp"
                  >下肢皮肤温度测定： {{ archiveFirst.other.legsSkinTemp }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.other.nerveConduction"
                  >神经传导功能： {{ archiveFirst.other.nerveConduction }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.other.abi">ABI： {{ archiveFirst.other.abi }} </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.other.abiExerciseTest"
                  >ABI运动负荷试验： {{ archiveFirst.other.abiExerciseTest }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.other.tbi">TBI： {{ archiveFirst.other.tbi }} </a-col>
                <a-col class="item" :span="12" v-if="archiveFirst.other.tcPO2"
                  >经皮氧分压： {{ archiveFirst.other.tcPO2 }}
                </a-col>
              </a-row>
            </div>
          </div>
        </div>
        <div style="width: 47%;">
          <p>体格检查服务后</p>
          <div class="card_content" v-if="archiveSummary.basicCheck">
            <div class="item">
              <span style="font-size: 16px;color: #000;">基础检查</span>
            </div>
            <div>
              <a-row>
                <a-col class="item" :span="12" v-if="archiveSummary.basicCheck.heartRate != null">
                  心率： {{ archiveSummary.basicCheck.heartRate }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.basicCheck.breath != null">
                  呼吸： {{ archiveSummary.basicCheck.breath }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.basicCheck.temperature != null">
                  体温： {{ archiveSummary.basicCheck.temperature }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.basicCheck.weight != null">
                  体重： {{ archiveSummary.basicCheck.weight }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.basicCheck.height != null">
                  身高： {{ archiveSummary.basicCheck.height }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.basicCheck.bmi != null">
                  BMI： {{ archiveSummary.basicCheck.bmi }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.basicCheck.waist != null">
                  腰围： {{ archiveSummary.basicCheck.waist }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.basicCheck.hip != null">
                  臀围： {{ archiveSummary.basicCheck.hip }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.basicCheck.whratio != null">
                  腰臀比： {{ archiveSummary.basicCheck.whratio }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.basicCheck.bloodSystolicPress != null">
                  血压收缩压： {{ archiveSummary.basicCheck.bloodSystolicPress }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.basicCheck.bloodDiastolicPress != null">
                  血压舒张压： {{ archiveSummary.basicCheck.bloodDiastolicPress }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.basicCheck.vision != null">
                  左眼视力： {{ archiveSummary.basicCheck.vision }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.basicCheck.visionRight"
                  >右眼视力： {{ archiveSummary.basicCheck.visionRight }}
                </a-col>
              </a-row>
            </div>
          </div>
          <div class="card_content" v-if="archiveSummary.skinCheck">
            <div class="item">
              <span style="font-size: 16px;color: #000;">皮肤检查</span>
            </div>
            <div>
              <a-row>
                <a-col class="item" :span="12" v-if="archiveSummary.skinCheck.skinExam != null">
                  皮肤检查： {{ archiveSummary.skinCheck.skinExam }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.skinCheck.skinSymptom != null">
                  皮肤症状： {{ archiveSummary.skinCheck.skinSymptom }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.skinCheck.insulinInjection != null">
                  胰岛素注射部位： {{ archiveSummary.skinCheck.insulinInjection }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.skinCheck.insulinInjectionSymptom != null">
                  胰岛素注射部位症状： {{ archiveSummary.skinCheck.insulinInjectionSymptom }}
                </a-col>
              </a-row>
            </div>
          </div>
          <div class="card_content" v-if="archiveSummary.eyeCheck">
            <div class="item">
              <span style="font-size: 16px;color: #000;">眼底检查</span>
            </div>
            <div>
              <a-row>
                <a-col class="item" :span="12" v-if="archiveSummary.eyeCheck.eyeMicroaneurysm != null">
                  微动脉瘤： {{ archiveSummary.eyeCheck.eyeMicroaneurysm }}
                </a-col>
                <a-col class="item" :span="24" v-if="archiveSummary.eyeCheck.eyeIntraretinalHemorrhage != null">
                  视网膜内出血： {{ archiveSummary.eyeCheck.eyeIntraretinalHemorrhage }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.eyeCheck.eyeCottonWoolSpots"
                  >棉絮斑： {{ archiveSummary.eyeCheck.eyeCottonWoolSpots }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.eyeCheck.eyeFundusBleeding"
                  >眼底出血： {{ archiveSummary.eyeCheck.eyeFundusBleeding }}
                </a-col>
                <a-col class="item" :span="24" v-if="archiveSummary.eyeCheck.eyeHardExudation"
                  >硬性渗出： {{ archiveSummary.eyeCheck.eyeHardExudation }}
                </a-col>
                <a-col class="item" :span="24" v-if="archiveSummary.eyeCheck.eyeVenousBeadedChanges"
                  >静脉串珠样改变： {{ archiveSummary.eyeCheck.eyeVenousBeadedChanges }}
                </a-col>
                <a-col class="item" :span="24" v-if="archiveSummary.eyeCheck.eyeMicrovascularAbnormalitiesInRetina"
                  >视网膜内微血管异常： {{ archiveSummary.eyeCheck.eyeMicrovascularAbnormalitiesInRetina }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.eyeCheck.eyeThickeningPosteriorRetina"
                  >后极部视网膜增厚： {{ archiveSummary.eyeCheck.eyeThickeningPosteriorRetina }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.eyeCheck.eyeVitreousHemorrhage"
                  >玻璃体积血： {{ archiveSummary.eyeCheck.eyeVitreousHemorrhage }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.eyeCheck.eyeNeovascularization"
                  >新生血管形成： {{ archiveSummary.eyeCheck.eyeNeovascularization }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.eyeCheck.eyePreretinalHemorrhage"
                  >视网膜前出血： {{ archiveSummary.eyeCheck.eyePreretinalHemorrhage }}
                </a-col>
              </a-row>
            </div>
          </div>
          <div class="card_content" v-if="archiveSummary.footCheck">
            <div class="item">
              <span style="font-size: 16px;color: #000;">糖足检查</span>
            </div>
            <div>
              <a-row>
                <a-col class="item" :span="12" v-if="archiveSummary.footCheck.footSugarFootInspection"
                  >糖足检查： {{ archiveSummary.footCheck.footSugarFootInspection }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.footCheck.footPalpationOfDorsalisPedisArtery"
                  >足背动脉触诊： {{ archiveSummary.footCheck.footPalpationOfDorsalisPedisArtery }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.footCheck.footAnkleReflex"
                  >踝反射： {{ archiveSummary.footCheck.footAnkleReflex }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.footCheck.footNerveConduction"
                  >神经传导： {{ archiveSummary.footCheck.footNerveConduction }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.footCheck.footVibrationSense"
                  >振动觉： {{ archiveSummary.footCheck.footVibrationSense }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.footCheck.footAcupuncturePain"
                  >针刺痛觉： {{ archiveSummary.footCheck.footAcupuncturePain }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.footCheck.footTemperatureSense"
                  >温度觉： {{ archiveSummary.footCheck.footTemperatureSense }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.footCheck.footPressureSense"
                  >压力觉： {{ archiveSummary.footCheck.footPressureSense }}
                </a-col>
              </a-row>
            </div>
          </div>
          <div class="card_content" v-if="archiveSummary.other">
            <div class="item">
              <span style="font-size: 16px;color: #000;">其他</span>
              <!-- <div style="float:right"><a-badge color="red" /><span style="font-size:12px">已确诊</span></div> -->
            </div>
            <div>
              <a-row>
                <a-col class="item" :span="12" v-if="archiveSummary.other.claudicationTest"
                  >间歇性跛行试验： {{ archiveSummary.other.claudicationTest }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.other.carotidAuscultation"
                  >颈动脉听诊： {{ archiveSummary.other.carotidAuscultation }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.other.femoralAuscultation"
                  >股动脉听诊： {{ archiveSummary.other.femoralAuscultation }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.other.legsSkinTemp"
                  >下肢皮肤温度测定： {{ archiveSummary.other.legsSkinTemp }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.other.nerveConduction"
                  >神经传导功能： {{ archiveSummary.other.nerveConduction }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.other.abi"
                  >ABI： {{ archiveSummary.other.abi }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.other.abiExerciseTest"
                  >ABI运动负荷试验： {{ archiveSummary.other.abiExerciseTest }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.other.tbi"
                  >TBI： {{ archiveSummary.other.tbi }}
                </a-col>
                <a-col class="item" :span="12" v-if="archiveSummary.other.tcPO2"
                  >经皮氧分压： {{ archiveSummary.other.tcPO2 }}
                </a-col>
              </a-row>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Physical',
  props: ['archiveFirst', 'archiveSummary'],
  data() {
    return {}
  },
  methods: {}
}
</script>

<style lang="less" scoped>
// /deep/ .ant-descriptions-item-label {
//   width: 25% !important;
// }
// /deep/ .ant-descriptions-item-content {
//   width: 75% !important;
// }
// span {
//   margin-right: 5px;
// }
@media print {
  .container {
    page-break-after: always;
    page-break-inside: avoid;
  }
}
.container {
  padding: 50px 24px 0 24px;
}

.card_nd_title {
  margin-bottom: 30px;
  span {
    font-size: 16px;
    // padding-left: 10px;
    font-weight: bold;
    color: #000;
  }
}
.line {
  height: 6px;
  border-radius: 6px;
  // margin-left: 10px;
  background-color: #00b5d4;
  opacity: 0.3;
}
.content_box {
  display: flex;
  justify-content: space-between;
  p {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
    color: #000;
  }
}
.card_content {
  break-inside: avoid;
  // display: inline-block;
  margin-bottom: 30px;
  padding: 20px;
  border: 1px solid #ccc;
}
.item {
  margin-bottom: 20px;
}
</style>

